<!DOCTYPE html>
<html lang="en">

<head>
      <!-- 不缓存 -->
  <!-- http 1.0 -->
  <meta http-equiv="pragma" content="no-cache" />
  <!-- http 1.1 -->
  <meta http-equiv="content-type" content="no-cache, must-revalidate" />
  <!-- http 1.0 -->
  <meta http-equiv="expires" content="Wed, 26 Feb 1997 08:21:57 GMT" />
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>H5+CSS3|北煜的bug博客</title>
    <link rel="stylesheet" href="../css/dispose001.css">
    <link id="css" rel="stylesheet" href="../css/style00001.css">
    <style>
        .main-content {
            width: 100%;
        }
        
    </style>
    
</head>

<body>
    <!-- 导航 -->
    <div class="top-navigation">
        <div class="top-left">
            <a href="../index.html"><img src="../images/logo.png" alt="北煜的bug博客">
                <p>北煜的bug博客</p>
            </a>
        </div>
        <div class="top-right">
            <input type="checkbox" onclick="show()" class="openSidebarMenu" id="openSidebarMenu" style="display: none;">
            <label for="openSidebarMenu" class="sidebarIconToggle">
                <div class="spinner diagonal part-1"></div>
                <div class="spinner horizontal"></div>
                <div class="spinner diagonal part-2"></div>
            </label>
            <div id="sidebarMenu">
                <ul class="sidebarMenuInner">
                    <!-- <li class="nav-item"><a href="subfile/other.html">其他</a></li>
                <li class="nav-item"><a href="subfile/vue.html">vue</a></li>
                <li class="nav-item"><a href="subfile/nodejs.html">node.js</a></li>
                <li class="nav-item"><a href="subfile/js.html">JavaScript</a></li> -->
                    <li class="nav-item"><a href="javascript:alert('正在整理，莫得着急')">其他</a></li>
                    <li class="nav-item"><a href="javascript:alert('正在整理，莫得着急')">vue</a></li>
                    <li class="nav-item"><a href="javascript:alert('正在整理，莫得着急')">node.js</a></li>
                    <li class="nav-item"><a href="javascript:alert('正在整理，莫得着急')">JavaScript</a></li>
                    <li class="nav-item"><a href="h5css3.html">H5+CSS3</a></li>
                    <li class="nav-item"><a href="practical.html">实用网站</a></li>
                </ul>
            </div>
        </div>
    </div>
    <!-- 主体 -->
    <div class="main">
        <div class="main_nav" id="main_nav" style="display: block;">
            <div class="col">
                <div class="tabs">
                    <div class="tab">
                        <input type="radio" id="rd1" name="rd">
                        <label class="tab-label" for="rd1">HTML</label>
                        <div class="tab-content">
                            <a href="html常用代码.html#body标签" target="iframe1">body标签</a>
                            <a href="html常用代码.html#a标签" target="iframe1">a标签</a>
                            <a href="html常用代码.html#p标签" target="iframe1">p标签</a>
                            <a href="html常用代码.html#img标签" target="iframe1">img标签</a>
                            <a href="html常用代码.html#table标签------表格" target="iframe1">table标签</a>
                            <a href="html常用代码.html#列表oluldl）" target="iframe1">列表标签</a>
                            <a href="html常用代码.html#input标签------表单输入框单选框）" target="iframe1">input标签</a>
                            <a href="html常用代码.html#form标签" target="iframe1">form标签</a>
                            <a href="html常用代码.html#html5新增标签" target="iframe1">html5新增标签</a>
                        </div>

                    </div>
                    <div class="tab">
                        <input type="radio" id="rd2" name="rd">
                        <label class="tab-label" for="rd2">CSS</label>
                        <div class="tab-content"> 
                            <a href="css常用元素.html#字体样式" target="iframe2">字体样式</a>
                            <a href="css常用元素.html#文本样式" target="iframe2">文本样式</a>
                            <a href="css常用元素.html#背景属性-background" target="iframe2">背景属性</a>
                            <a href="css常用元素.html#区块属性-block" target="iframe2">区块属性</a>
                            <a href="css常用元素.html#方框属性box" target="iframe2">方框属性</a>
                            <a href="css常用元素.html#边框属性-border" target="iframe2">边框属性</a>
                            <a href="css常用元素.html#列表属性-list-style" target="iframe2">列表属性</a>
                            <a href="css常用元素.html#定位属性-position" target="iframe2">定位属性</a>
                            <a href="css常用元素.html#一-css文字属性" target="iframe2">一、css文字属性</a>
                            <a href="css常用元素.html#二css边框空白" target="iframe2">二、css边框空白</a>
                            <a href="css常用元素.html#三css符号属性" target="iframe2">三、css符号属性</a>
                            <a href="css常用元素.html#四css背景样式" target="iframe2">四、css背景样式</a>
                            <a href="css常用元素.html#五css连接属性" target="iframe2">五、css连接属性</a>
                            <a href="css常用元素.html#六css框线一览表" target="iframe2">六、css框线一览表</a>
                            <a href="css常用元素.html#七表单" target="iframe2">七、表单</a>
                            <a href="css常用元素.html#八css边界样式" target="iframe2">八、css边界样式</a>
                            <a href="css常用元素.html#九css滤镜属性-filter" target="iframe2">九、css滤镜属性-filter</a>
                            <a href="css常用元素.html#css动画相关属性" target="iframe2">十、css动画相关属性</a>
                        </div>
                    </div>
                    <div class="tab">
                        <input type="radio" id="rd3" name="rd">
                        <label for="rd3" class="tab-close">收起 &times;</label>
                    </div>
                </div>
            </div>
        </div>
        <div class="main-content">
            <div class="content-iframe">
                <iframe src="html常用代码.html" frameborder="0" name="iframe1" id="iframe" height="616px"></iframe>
                <iframe src="css常用元素.html" frameborder="0" name="iframe2" id="iframe"  height="616px"></iframe>
            </div>
        </div>
    </div>
    <script>document.write("<script type='text/javascript' src='../js/style.js?v=" + Date.now() + "'><\/script>");</script>
    <!-- <script src="../js/style.js"></script> -->
    <script>
        windows('../')
        compatibility('../');
        page_change();
    </script>
</body>


</html>